Lasse Peters
September 23, 2019
Adding speaker notes to a slide is as simple as adding a fenced notes block
::: notes
1. first thing the speaker **really needs to say**
2. some other stuff that should be said on this slide.
:::
Code blocks, equations, lists and tables.
We can put some fancy code environments…
… e.g. Python …
… or Julia …
If we need some equations, we can just write latex and it will be rendered using mathjax:
For example,
$$
V(x_{0})\;=\;\max _{\left\{a_{t}\right\}_{t=0}^{\infty }}\sum _{t=0}^{\infty }\beta
^{t}F(x_{t},a_{t}).
$$
is rendered as
\[ V(x_{0})\;=\;\max _{\left\{a_{t}\right\}_{t=0}^{\infty }}\sum _{t=0}^{\infty }\beta ^{t}F(x_{t},a_{t}). \]
This is what bullet points…
… you can also display these in incremental order
| Col 1 | Col 2 | Col 3 |
|---|---|---|
| Lorem | Ipsum | Dolorem |
| Lorem | Ipsum | Dolorem |
| Lorem | Ipsum | Dolorem |
If we want to include an image, we can simply do this
And since these are html-slides, nothing stops you from using gifs or video formats here:
Or simply embed a YouTube Video:
As everything is rendered to html you can use all the CSS styling options to improve the visual appearance of your slide. Here are some examples.
What about multi-column? Just use pandoc’s fencing syntax for <div/> tags:
Left
Center
Right
Sometimes, one might want the text to be left-aligned. To achieve this, just create a fenced div block and add the corresponding CSS style options. If you do this a lot, consider making a class and add it to the custom.css.
This content is left-aligned.
Often it is useful to change fragments of a slide to display additional content or highlight some section of the text.
This can be achieved by adding the .fragment class to a pandoc span:
You may also decide to place a video or other content in the background of your slide like on this slide.
As you have seen, you can essentially put anything on a slide that could also be shown on a website. Potentially you could even have an ipython-notbook on a slide or have an iframe to some other web-content.
Speaking of websites: As your slides are html you can simply add them to your website and share them with others. For this purpose, reveal.js provides the embedded option.